﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>购物车</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="stylesheet" type="text/css" href="css/sm.min.css" />
<link rel="stylesheet" type="text/css" href="css/public.css" />
<style>
body{ margin-bottom:60px;}
.shopping{ width:100%; margin:1% auto 0 auto; overflow:hidden; background:white; border-bottom:1px solid #eee; padding:2% 0;}
.shopping li{ float:left;}
.settlement{ width:100%; height:60px; border-top:1px solid #CCC; background:white; position:fixed; bottom:0; line-height:26px;}
.settlement_red{ padding:0 5%; height:60px; background:red; float:right; color:white; line-height:60px;}
.settlement_money{ float:right; font-size:.7rem; margin:4px 2% 0 0;}
.settlement_choice{ float:left; line-height:60px; font-size:.7rem;}
.shopping_title{ max-height:2rem; line-height:1rem; font-size:.7rem; overflow:hidden; font-weight:bold;}
.shopping_explain{ font-size:.6rem; color:#999; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
</style>
</head>

<body>

<div class="page-group">
	<div class="page page-current" style="background:white;">
        <div class="content native-scroll">
  
  
        
            <ul class="message">
                <a href="#"><li class="message_left"></li></a>
                <li class="message_center">购物车</li>
                <a href="#"><li class="message_right" style="background:url(images/bianji.jpg) center center no-repeat"></li></a>
            </ul>
            <ul class="shopping">
                <li style="width:12%; margin:0; padding:0;">
                <input type="checkbox" style=" float:left; width:16px; height:16px; margin:90% 30%">
                </li>
                <li style="width:26%; margin-right:3%;"><img src="images/kefu.jpg" style=" width:100%" /></li>
                <li style="width:54%;">
                	<div class="shopping_title">乐纤纤口酥</div>
                    <div class="shopping_explain">减肥瘦身降三高代餐减肥瘦身降三高代餐</div>
                    <div style="color:red;">
                        <span style="font-size:.6rem; color:#666;">积分:+68 贡献:+500</span>
                    </div>
                    <div>
                        <b style="font-size:.8rem; color:#F00;">￥688.00</b>
                        <b type="number" style="width:60px; float:right; text-align:right; color:#999">x1</b>
                    </div>
                </li>
            </ul>
			<div class="settlement">
            	<div class="settlement_choice">
                	<input type="checkbox" style=" float:left; margin:23px 5px 0 15px;  width:16px; height:16px;">全选
                </div>
                <div class="settlement_red">结算<b>(1)</b></div>
                <div class="settlement_money">
                	合计：<b style="color:red; font-size:.9rem;">￥688.00</b>
                    <div>
                        积分:<span>+68</span>&nbsp;
                        贡献:<span>+500</span>
                    </div>
                </div>
            </div>



        </div>
    </div>
</div>

</body>
</html>
